<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优先级</title>

    <style>
        h1 {
            color: blue;
            font-size: 50px;
        }
    </style>
    <link rel="stylesheet" href="01_优先级.css">
</head>
<body>
<h1 style="color: red">欢迎学习CSS</h1>
</body>
</html>
<!--
有相同的属性时:行内样式>内部样式=外部样式
内部样式和外部样式的优先级相同,且后面的会覆盖前面的(后来者居上)
在同一个css样式表中,优先级和编写顺序有关,且后面的会覆盖前面的(后来者居上)

如果内部样式有设置字体和颜色,但是行内样式没有字体但设置了颜色,颜色会采用行内样式的,字体会采用内部样式的
-->